{% extends "base.html" %}
{%block title %}{{settings.name}}&gt;{{img.name}} {% endblock %}
{%block javascript %}
<script type="text/javascript" src="/static/fcd/img.js"></script>
<script type="text/javascript" src="/static/fcd/jquery.validate.min.js"></script>
{% endblock %}
{% block content %}
    <div id="c-left">
        <div id="c-header">
            <span class="like" value="{{img.f}}"></span>
            <span class="down" value="{{img.f}}"></span>
            <span class="info">图片:<span class="info-text">{{img.name}}</span>&nbsp;查看:<span class="info-text">{{img.view_count}}</span>&nbsp;评论:<span class="info-text">{{img.comments_count}}</span>&nbsp;喜欢:<span class="info-text">{{img.like_count}}</span></span>
            <div class="clear"></div>
        </div>
        <div id="c-img">
            <div class="img-toolbar">
                <div class="pre"></div>
                <div class="zoom"></div>
                <div class="next"></div>
            </div>
            <img src="{{img.f}}?w=696" border="0px" id="img-div">
        </div>
        <div id="c-coments">
            <div id="ccheader">
                共有<span class="info-text">{{img.comments_count}}</span>条评论 - {% if img.comments_count %}关注评论，关注看法。{% else %} 还没有人评论哦，亲，还不抢沙发？{% endif %}
            </div>
            <a name="#comments"></a>
            <div id="comms-div">
                <div class="comms">
                    <div class="comms-avater">
                        
                    </div>
                    <div class="comms-comments">
                    </div>
                </div>
            </div>
            
            <div id="addcomms">
            <a name="#addcomments"></a>
            <form id="comform" name="comform" method="POST" action="">
                <span class='addctitle'>添加评论</span>
                <div class="name line">
                    <span class='cmspan'>用户名:</span>
                    <input type="text" name="un" id="un">
                    <span class='cmspan'>&nbsp;&nbsp;*必需的</span>
                </div>
                <div class="email line">
                    <span class='cmspan'>电子邮件:</span>
                    <input type="text" name="em" id="em">
                    <span class='cmspan'>&nbsp;&nbsp;*必需的</span>
                </div>
                <div class="url line">
                    <span class='cmspan'>网址:</span>
                    <input type="text" name="url" id="url">
                </div>
                <div class="comms-exea line">
                    <span class='cmspan'>内容:</span>
                    <textarea id='cmsa' name='cmsa'></textarea>
                </div>
                <div class='comms-ver line'>
                    <span class='cmspan'>验证:</span>
                    <input type="text" name="comms_ver" id="comms_ver"> &nbsp;&nbsp;
                    <span id="vc_input"></span><span id="verification_code_text">点击获取或更新验证码</span>
                </div>
                <div class='comms-btn line'>
                    <span class="span-btn"><input type="submit" name="comms-btn" id="comms-btn" value="评论"></span>
                </div>
                </form>
            </div>
        </div>
    </div>
    <div id="c-right">
        <div class="r-contents">
            <div class="r-title">图片信息</div>
            <span>分辨率:{{img.width}}*{{img.height}}</span>
            <span>图片大小:{{img.size|filesizeformat}}</span>
            <span>上传时间:{{img.created|humdate}}</span>
            <span>分类:<a href="{{img.album.url}}"><b>{{img.album.name}}</b></a></span>
        </div>
        <div class="r-contents">
            <script type="text/javascript"><!--
                google_ad_client = "ca-pub-9545945198421580";
                /* 右侧广告 */
                google_ad_slot = "0934766595";
                google_ad_width = 250;
                google_ad_height = 250;
                //-->
                </script>
                <script type="text/javascript"
                src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
            </script>
        </div>
        <div class="r-contents">
            <div class="r-title">分类 > 最新图片</div>
            <div class="newpiclist">
            {% if ablum_newimg %}
            {% for pic in ablum_newimg %}
            <div class="newpic"><a href="{{pic.url}}"><img src="{{pic.f}}?w=70&h=70" border="0"/></a></div>
            {% endfor %}
            {% endif %}
            <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="zoom-img">
    <div id="zoom-mask"></div>
    <img src="" border="0" id='zoom-pic'>
</div>
<script type="text/javascript">
<!--
    var u = '{{img.f}}';
    var n = '{{img.next.url}}';
    var p = '{{img.prev.url}}';
//-->
</script>
{% endblock %}